import React from 'react';

export default () => {
    return (
        <section className="container">
           <header>375 * 150</header>
            <nav>
                <ul>
                    <li>
                        <span className="icon">60 * 60</span>
                        <span>导航入口</span>
                    </li>
                    <li>
                        <span className="icon">60 * 60</span>
                        <span>导航入口</span>
                    </li>
                    <li>
                        <span className="icon">60 * 60</span>
                        <span>导航入口</span>
                    </li>
                </ul>
            </nav>
            <main>
                <h3>填写信息</h3>
                <div className="info-items">
                    <p className="info-item">
                        <span>姓名</span>
                        <input type="text" className="info-item__name" placeholder="请填写姓名" />
                    </p>
                    <p className="info-item">
                        <span>手机</span>
                        <input type="number" className="info-item__tel" placeholder="请填写手机号" />
                    </p>
                </div>
                <h3>个人介绍</h3>
                <div className="info-items">
                    <p className="info-item">
                        <textarea className="info-item__intro" placeholder="请填写一段简要的自我介绍"></textarea>
                    </p>
                </div>
                <div className="info-confirm">
                    <a href="###" className="info-confirm__btn">确认</a>
                </div>
            </main>
            <footer>375 * 75</footer>
        </section>
    )
}